<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./sources/layui/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="./css/login.css">

    <script src="./sources/font/iconfont.js"></script>
</head>

<body>
    <!-- 左边部分 -->
    <div id="left">
        <div class="banner"></div>
    </div>
    <!-- 右边部分 -->
    <div id="right">
        <div class="nav">
            <div class="title">
                <svg class="icon" aria-hidden="true"
                    style="font-size: 40px; vertical-align:-10px !important;margin-right:8px">
                    <use xlink:href="#icon-icon-xiaomiguishu"></use>
                </svg>小米账号
            </div>
            <div class="title-nav">
                <a href="https://static.account.xiaomi.com/html/agreement/user/zh_CN.html">用户协议</a>
                <a href="https://privacy.mi.com/miaccount/zh_CN/">隐私政策</a>
                <a href="https://privacy.mi.com/miaccount/zh_CN/">帮助中心</a>
                <div class="i"></div>
                <div class="leg"> 中文简体</div>
                <dl class="leg-cek">
                    <dd>
                        中文(繁体)
                    </dd>
                    <dd>
                        English
                    </dd>
                </dl>

            </div>
        </div>
        <div class="container2" style="position: relative;">
            <div class="card">
                <div class="card-con">
                    <div style="float: left;text-align: center;"><a class="dived" href="./login.html">登录</a>
                        <div class="ye"></div>
                    </div>
                    <div style="float:left; margin-left: 16px;text-align: center;"><a href="./longin2.html">注册</a>
                        <div class="ye" style="opacity: 0;"></div>
                    </div>

                </div>
                <div class="card-foot">
                    <form>
                        <div class="erweima"><i class="er-icon"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><path d="M0 16.977H16.94V.036H0v16.941zM4.235 4.271h8.47v8.47h-8.47v-8.47zM19.06.036v16.941h16.94V.036H19.06zm12.706 12.706h-8.471v-8.47h8.47v8.47zM6.353 10.624h4.235V6.39H6.353v4.235zM0 36.036H16.94V19.095H0v16.94zM4.235 23.33h8.47v8.47h-8.47v-8.47zM29.647 6.389h-4.235v4.235h4.235V6.39zM19.059 36.036h4.235V31.8h-4.235v4.235zm4.235-12.706v8.47h4.235v-8.47h-4.235zm8.47 8.47H27.53v4.236H36v-8.47h-4.234V31.8zm0-8.47H36v-4.235h-4.235v4.235zM19.06 19.095v4.235h4.235v-4.235h-4.235zM6.353 29.683h4.235v-4.235H6.353v4.235z" fill="#FFF" fill-rule="nonzero"></path></svg></i>
                        <div class="e" style="color: white;width: 60px; position: absolute;top: -10px; right: 16px;background: #ff5c00;">扫码登录</div>
                        </div>


                        <div style="height: 375px;">
                            <div class="card-input"><input class="input-i" type="text" placeholder="邮箱/小米ID/手机号码"
                                    name="" id="user"></div>
                            <span class="tip">请输入账号</span>
                            <div class="card-input"><input class="input-i" type="pwd" name="" id="pwd"
                                    placeholder="密码"><svg style="color:rgba(0,0,0,.25);margin-left:60px;margin-top:5px"
                                    viewBox="0 0 20 20" width="20px" height="20px" fill="currentColor"
                                    class="mi-password-field__icon">
                                    <path
                                        d="M19.78 7.738a.964.964 0 00-1.488-1.227 10.567 10.567 0 01-2.159 1.98 10.487 10.487 0 01-5.958 1.848 10.514 10.514 0 01-2.826-.381 10.394 10.394 0 01-1.977-.776 10.612 10.612 0 01-3.646-3.095.964.964 0 00-1.547 1.15c.487.655 1.037 1.26 1.642 1.808a.955.955 0 00-.084.17l-1.01 2.692a.964.964 0 101.806.677l.868-2.32a12.316 12.316 0 002.632 1.298l-.528 2.696a.964.964 0 101.893.371l.504-2.569c1.358.25 2.747.275 4.113.072l.44 2.417a.964.964 0 101.898-.346l-.455-2.502a12.37 12.37 0 002.381-1.029l.993 2.333a.964.964 0 001.775-.756l-1.139-2.673a12.537 12.537 0 001.871-1.838z">
                                    </path>
                                </svg></div>
                            <span class="tip">请输入密码</span>
                            <input class="card-input" type="button" name="" id="card-delu" value="登录">

                            <div class="wang"><a href="#">忘记密码?</a><a style="float: right;" href="#">手机号登录</a></div>
                        </div>
                        <div class="other" style="height: 40px;">
                            <a href="#">其他方式登录</a>
                        </div>
                        <div class="svg-icon" >
                            <svg class="icon" aria-hidden="true" style="font-size: 46px;">
                                <use xlink:href="#icon-zhifubao"></use>
                            </svg>
                            <svg class="icon" aria-hidden="true" style="font-size: 46px;">
                                <use xlink:href="#icon-weixin1"></use>
                            </svg>
                            <svg class="icon" aria-hidden="true" style="font-size: 46px;">
                                <use xlink:href="#icon-qq"></use>
                            </svg>
                            <svg class="icon" aria-hidden="true" style="font-size: 46px;">
                                <use xlink:href="#icon-weibo"></use>
                            </svg>
                        </div>
                    </form>
                </div>
            </div>
            
        </div>
        <div class="copy">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号</a>-京ICP证110507号</div>
    </div>
    <script src="./js/jquery-2.2.4.js"></script>


    <script src="./sources/layui-v2.6.8/layui/layui.js"></script>
    <script src="./js/login.js"></script>

</body>

</html>